<template>
	<view class="visit-btn" @click.native="handleClick">
		<u-image :showLoading="true" :src="src" width="45rpx" height="45rpx" @click="click"></u-image>
		<text>参观</text>
	</view>
</template>

<script>
	export default {
		name:"visit-btn",
		props: {
			link: {
				type: String
			}
		},
		data() {
			return {
				src: '/static/imgs/visit-btn.png'
			};
		},
		methods: {
			handleClick() {
				uni.navigateTo({
					url: `/pages/webview/webview?src=${this.link}`
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.visit-btn{
	z-index: 10;
	width: 98rpx;
	height: 98rpx;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 220rpx;
	right: 44rpx;
	
	text{
		font-size: 11px;
		font-family: 'Segoe UI';
		font-weight: bold;
	}
}
</style>
